@charset "utf-8";
.banner{ width:870px; float: left; height: auto; overflow: hidden; }
.slideBoxbanner{ width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}
.slideBoxbanner .hd{ width:105px; height:25px; padding-top: 17px; overflow:hidden; position:absolute; left:50%; bottom:0px; margin-left:-53px; z-index:1;}
.slideBoxbanner .hd ul{ overflow:hidden; zoom:1; width:105px;}
.slideBoxbanner .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") right top no-repeat; }
.slideBoxbanner .hd ul li.on{ background-position:left top; }
.slideBoxbanner .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxbanner .bd li{ zoom:1; vertical-align:middle; height: auto; background-color: #ece9df; position: relative; }
.slideBoxbanner .bd li img{ width:100%; height:auto; display:block;  }
.slideBoxbanner .prev,
.slideBoxbanner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBoxbanner .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBoxbanner .prev:hover,
.slideBoxbanner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBoxbanner .prevStop{ display:none;  }
.slideBoxbanner .nextStop{ display:none;  }
.about{width: 330px; height: 420px; float: right; background-color: #0073e4;}
.aboutHeaer{ width: 255px; height: 63px; line-height: 63px; font-size: 18px; color: #FFF; border-bottom:1px solid #0099ff; padding-left: 65px; padding-right:10px; background-image: url(../images/about-header.png); background-position: 20px center; background-repeat: no-repeat;}
.aboutHeaer > span{ font-size: 12px; text-transform: uppercase;}
.aboutHeaer > a{ display: inline-block; float: right; color: #fff; font-size: 12px; text-transform: uppercase; }
.aboutCont{ width: 300px; margin:0 auto; height: 346px; line-height: 35px; font-size: 14px; color: #FFF; overflow: hidden; text-indent: 2rem; } 



.flash{ width:560px; height: 380px; overflow: hidden; float: left; background-color: #f2f2f2;}
.slideBox{ width:560px; height:380px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{ height:35px; padding-top: 17px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") right top no-repeat; }
.slideBox .hd ul li.on{ background-position:left top; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; height: 380px; background-color: #ece9df; position: relative; }
.slideBox .bd li img{ width:560px; height:380px; display:block;  }
.slideBox .bd li h3{ width: 560px; height: 60px; line-height: 60px; position: absolute; left: 0; bottom:0; font-weight: normal; font-size: 16px; padding-left:20px; padding-right:110px;  color: #fff !important;background:rgba(0,0,0,0.6);}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.news{ width: 600px; height: 380px; float: right; overflow: hidden; margin-left:28px; }
.news > h3{ width: 600px; height: 24px;  padding-right:10px; line-height: 24px;color: #0475c0; font-size: 20px; font-weight: bold; }
.news > h3 > a{display: inline-block; float: right; color: #333; font-size: 12px; text-transform: uppercase; font-weight: normal;}
.news-tab{ width: 600px; height: 37px; border-bottom:1px solid #dedede; }
.news-tab p{ width: 110px; height: 36px;  border-bottom:1px solid #FFF; float: left; color: #333; text-align: center; cursor: pointer; font-size: 22px; }
.news-tab p.on{ border-bottom:2px solid #f4843a; color: #f4843a; font-weight: bold; }
.news-tab p a{ color: #333;}
.news-tab p.on a{color: #f4843a; }
.news-tab > a{float:right;font-size: 14px;line-height:30px;margin-top: 20px;}
.news-con,.newsitem{ width: 600px; height: 333px;  overflow: hidden; }
.newsitem{display: none;}
.nl-hot{ width: 600px; height: 56px;line-height: 56px; font-size: 16px; font-weight: bold;  }
.ni-list{ width: 600px; height: 332px; overflow: hidden; padding-top: 10px;}
.ni-list li{width: 588px; height: 45px; line-height: 45px; overflow: hidden; font-size: 15px; padding-left:12px; background-image: url(../images/txtli.png); background-position: left center; background-repeat: no-repeat;border-bottom: 1px dashed #c5c5c5;}
.ni-list li span{ float: right; color: #999; }
.quickLink{ width: 240px; height: 320px; float:right; overflow: hidden; }
.quickLink > a{display: block;overflow: hidden;width: 240px;height: 160px;}
.quickLink > a + a{ margin-top: 7px; }
.quickLink > a > img{width: 240px;height: 153px;}

.tlad{ width: 100%; display: block; overflow: hidden; }
.tlad img{ width: 100%; }

.wenjian{ width: 580px; height: auto; float: left; margin-right:30px; }
.wenjian > h3{ width: 570px; height: 40px;line-height: 40px;  font-size: 20px; background-position: left top; padding-right:10px;color: #f4843a; border-bottom:1px solid #cacaca; }
.wenjian > h3 > a{display: inline-block; float: right; color: #333; font-size: 12px; text-transform: uppercase;font-weight: normal;margin-top: 20px;}
.wjlist{width: 580px; height: 210px; overflow: hidden; margin-top: 10px;}
.wjlist li{width: 568px; height: 35px; line-height: 35px; overflow: hidden; font-size: 15px; padding-left:12px; background-image: url(../images/txtli.png); background-position: left center; background-repeat: no-repeat;}
.wjlist li > span{ float: right; font-size: 13px; color: #999; }

.download{width: 580px;height: auto;float: left;/* margin-right:30px; */}
.download > h3{width: 570px; height: 40px;line-height: 40px;  font-size: 20px; background-position: left top; padding-right:10px;color: #f4843a;border-bottom:1px solid #cacaca; }
.download > h3 > a{display: inline-block; float: right; color: #333; font-size: 12px; text-transform: uppercase;font-weight: normal;margin-top: 20px;}
.dllist{width: 580px; height: 210px; overflow: hidden; margin-top: 10px;}
.dllist li{width: 580px; height: 35px; line-height: 35px; overflow: hidden; font-size: 15px; }
.dllist li > span{ float: right; font-size: 13px; color: #999; background-image: url(../images/icon-down.png); background-position: left center; background-repeat: no-repeat; display: inline-block; padding-left:24px; }
.dllist li > span a{ color: #999 !important; }


.qiye{width: 240px;height: auto;float: right;}
.qiye > h3{width: 230px;height: 24px;line-height: 24px;font-weight: bold;font-size: 20px;color: #0475c0;background-image: url(../images/col-header.png);background-repeat: no-repeat;background-position: left top;padding-right:10px;line-height: 24px;}
.qiye > h3 > a{display: inline-block; float: right; color: #333; font-size: 12px; text-transform: uppercase;font-weight: normal;}
.qylist{width: 240px;height: 210px;overflow: hidden;margin-top: 10px;}
.qylist li{width: 240px;height: 62px;overflow: hidden;}
.qylist li img{width: 240px;height: 62px;}


.video{ width: 420px; height: auto; float: left; margin-right:30px; }
.video > h3{ width: 410px; height: 40px;line-height: 40px;  font-size: 20px; background-position: left top; padding-right:10px;color: #f4843a;border-bottom:1px solid #cacaca;}
.video > h3 > a{display: inline-block; float: right; color: #333; font-size: 12px; text-transform: uppercase;font-weight: normal;}
.videolist{width: 420px; height: 230px; overflow: hidden; margin-top: 10px;}
.videolist video{width: 420px; height: 100%; }


.yw{width: 750px;height: auto;float: right;/* margin-right:30px; */}
.yw > h3{ width: 740px; height: 40px;line-height: 40px;  font-size: 20px; background-position: left top; padding-right:10px;color: #f4843a;border-bottom:1px solid #cacaca;}
.yw > h3 > a{display: inline-block; float: right; color: #333; font-size: 12px; text-transform: uppercase;font-weight: normal;}
.ywlist{width: 750px; height: 230px; overflow: hidden; margin-top: 10px;}
.ywlist li{width: 216px; height: 100px; line-height: 95px; overflow: hidden; font-size: 15px;float:left;padding-left:24px;margin-left: 8px;margin-top: 8px;background-image: url(../images/ywlist-li.png); background-repeat: no-repeat;background-position: left top;background-size:contain;}
.ywlist li > a > img{vertical-align: middle;width: 60px;}
.ywlist li > a{ color: #333333 !important; font-size:18px;}
.ywlist li > a > span{margin-left:15px;}
.ywlist li > a:hover{color:##f4843a;}